<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title></title>
		<link href="../css/ui.min.css" rel="stylesheet">
		<link href="../fonts/iconfont.css" rel="stylesheet">
		<link href="../css/common.css" rel="stylesheet"><!-- 样式 -->
		<link rel="stylesheet" type="text/css" href="../css/admin.css" />
		<script src="../js/jquery.min.js"></script>
		<script src="../js/select2/js/select2.min.js"></script>
		<script src="../js/bootstrap.min.js"></script>
		<script src="../js/jquery.SuperSlide.2.1.3.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="header">
			<div class="h-bar">
				<div class="container">
					<div class="login-wel"><img src="../images/buy/wel.png" alt="">串串的店您好,欢迎来到创业模拟电商平台!<a
							href="">[退出]</a></div>
					<ul class="h-link">
						<li><a href="">消息<span class="dot"></span></a></li>
						<li class="line"></li>
						<li><a href="">收藏夹</a></li>
						<li class="line"></li>
						<li><a href="买家中心.html">买家中心</a></li>
						<li class="line"></li>
						<li><a href="购物车.html">购物车<span class="dot"></span></a></li>
						<li class="line"></li>
						<li><a href="../SellerCenter/开店.html">卖家中心</a></li>
						<li class="line"></li>
						<li><a href="帮助中心.html"><i class="iconfont icon-help"></i>帮助中心</a></li>
					</ul>
				</div>
			</div>
			<div class="container">
				<div class="nav-grid clearfix">
					<div class="logo"><a href="../首页.html"><img src="../images/web/logo.png"></a></div>
					<div class="nav-search buy-nav-search">
						<div class="search-bar">
							<div class="search-select">
								<select name="" class="select">
									<option value="">宝贝</option>
									<option value="">店铺</option>
								</select>
							</div>
							<script type="text/javascript">
								$('.select').select2()
							</script>
							<div class="search-v">
								<input type="text" placeholder="请输入您要查询的内容" class="input">
							</div>
							<button class="btn btn-default" type="button">搜搜</button>
						</div>
						<div class="key-box">
							<span class="iconfont icon-remen"></span><span>热门搜索：</span><a href="">男装</a><a
								href="">女装</a><a href="">母婴</a><a href="">化妆品</a>
						</div>
					</div>
				</div>
				<div class="navbar">
					<div class="cate-nav">
						<div class="cate-nav-text u-center">商品分类</div>
					</div>
					<ul class="navbar-nav xqbar">
						<li><a href="店铺首页.html">首页</a></li>
						<li><a href="">好物推荐</a></li>
						<li>
							<a href="">团购活动</a>
						</li>
						<li>
							<a href="">聚划算</a>
						</li>
						<li>
							<a href="">百亿补贴</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="main">
			<div class="container">
				<div class="pj-shop clearfix">
					<div class="pj-shop-img left">
						<img src="../images/buy/pj1.png">
					</div>
					<div class="pj-shop-info left">
						<div class="pj-shop-tit">鞋子男冬季新款男士加厚保暖布鞋</div>
						<div class="pj-shop-item">
							<span class="pj-shop--label">价格</span>
							<span class="pj-shop--value text-danger">￥398.00</span>
						</div>
						<div class="pj-shop-item">
							<span class="pj-shop--label">配送</span>
							<span class="pj-shop--value">快递：0.00</span>
						</div>
						<div class="pj-shop-item">
							<span class="pj-shop--label">颜色分类</span>
							<span class="pj-shop--value">灰色</span>
						</div>
						<div class="pj-shop-item">
							<span class="pj-shop--label">尺码</span>
							<span class="pj-shop--value">s</span>
						</div>
						<div class="pj-shop-item">
							<span class="pj-shop--label">评价</span>
							<span class="pj-shop--value"><span class="icon-group"><i
										class="iconfont icon-iconfontxingxing"></i><i
										class="iconfont icon-iconfontxingxing"></i><i
										class="iconfont icon-iconfontxingxing"></i><i
										class="iconfont icon-iconfontxingxing"></i><i
										class="iconfont icon-iconfontxingxing"></i></span>4.9分<i
									class="text-info">（累计评价1513）</i></span>
						</div>
					</div>
				</div>
				<div class="slide">
					<div class="hd">
						<ul class="clearfix scorebar spbar">
							<li>商品详情</li>
						</ul>
					</div>
					<div class="bd">
						<div>
							<div class="card m20">
								<div class="inset-card">
									<div class="border clearfix">
										<div class="left pj-cn">
											<div class="samedesc">与描述相符</div>
											<div class="pf">5.0</div>
											<div class="star">
												<span class="icon-group"><i
														class="iconfont icon-iconfontxingxing"></i><i
														class="iconfont icon-iconfontxingxing"></i><i
														class="iconfont icon-iconfontxingxing"></i><i
														class="iconfont icon-iconfontxingxing"></i><i
														class="iconfont icon-iconfontxingxing"></i></span>
											</div>
										</div>
										<div class="left pj-tags">
											<span class="pj-tag">与描述是否相符</span>
											<span class="pj-tag">卖家服务质量</span>
											<span class="pj-tag">物流服务质量</span>
										</div>
									</div>
									<div class="h10"></div>
									<div class="border">
										<div class="jy">
											<div class="jy-text">其他买家，需要你的建议哦！</div>
											<div class="p-grade clearfix">
												<span class="p-grade__label">描述相符</span>
												<ul class="star-group clearfix">
													<li></li>
													<li></li>
													<li></li>
													<li></li>
													<li></li>
												</ul>
												<span class="text-info">提示满分5分，1颗星为1分</span>
											</div>
											<div class="p-grade clearfix">
												<span class="p-grade__label">卖家服务</span>
												<ul class="star-group clearfix">
													<li></li>
													<li></li>
													<li></li>
													<li></li>
													<li></li>
												</ul>
											</div>
											<div class="p-grade clearfix">
												<span class="p-grade__label">物流服务</span>
												<ul class="star-group clearfix">
													<li></li>
													<li></li>
													<li></li>
													<li></li>
													<li></li>
												</ul>
											</div>
											<div class="p-input">
												<textarea rows="" cols="" placeholder="请输入评价"
													class="pj-texteara form-control"></textarea>
											</div>
											<div class="up-load clearfix">
												<div class="up-img left">
													<img src="../images/buy/us5.png">
												</div>
												<div class="up-img left">
													<img src="../images/buy/us6.png">
												</div>
												<div class="up-img left">
													<img src="../images/buy/us7.png">
												</div>
												<div class="up-img left">
													<img src="../images/buy/us8.png">
												</div>
											</div>
										</div>
									</div>
									<div class="clearfix sub-pj">
										<button type="button" class="btn btn-default">提交评价</button>
									</div>
								</div>
							</div>
							<div class="card">
								<ul class="user-pj">
									<li class="clearfix">
										<div class="user-avatar left">
											<img src="../images/buy/us1.png">
										</div>
										<div class="user-push left">
											<div class="user-push-tit">克里斯蒂娜<span class="user-push-time">1天前</span>
											</div>
											<div class="user-push-desc">
												已经穿了一段时间啦，回来追评一下，真的很贴身，很暖和。最近降温特别冷，里面穿个这样的打底，还能配合贴个暖宝宝。</div>
											<div class="user-push-pic"><img src="../images/buy/us5.png"><img
													src="../images/buy/us6.png"><img src="../images/buy/us7.png"><img
													src="../images/buy/us8.png"><img src="../images/buy/us9.png"></div>
										</div>
									</li>
									<li class="clearfix">
										<div class="user-avatar left">
											<img src="../images/buy/us2.png">
										</div>
										<div class="user-push left">
											<div class="user-push-tit">克里斯蒂娜<span class="user-push-time">1天前</span>
											</div>
											<div class="user-push-desc">
												已经穿了一段时间啦，回来追评一下，真的很贴身，很暖和。最近降温特别冷，里面穿个这样的打底，还能配合贴个暖宝宝。</div>
											<div class="user-push-pic"><img src="../images/buy/us5.png"><img
													src="../images/buy/us6.png"><img src="../images/buy/us7.png"><img
													src="../images/buy/us8.png"><img src="../images/buy/us9.png"></div>
										</div>
									</li>
									<li class="clearfix">
										<div class="user-avatar left">
											<img src="../images/buy/us3.png">
										</div>
										<div class="user-push left">
											<div class="user-push-tit">克里斯蒂娜<span class="user-push-time">1天前</span>
											</div>
											<div class="user-push-desc">
												已经穿了一段时间啦，回来追评一下，真的很贴身，很暖和。最近降温特别冷，里面穿个这样的打底，还能配合贴个暖宝宝。</div>
											<div class="user-push-pic"><img src="../images/buy/us5.png"><img
													src="../images/buy/us6.png"><img src="../images/buy/us7.png"><img
													src="../images/buy/us8.png"><img src="../images/buy/us9.png"></div>
										</div>
									</li>
									<li class="clearfix">
										<div class="user-avatar left">
											<img src="../images/buy/us4.png">
										</div>
										<div class="user-push left">
											<div class="user-push-tit">克里斯蒂娜<span class="user-push-time">1天前</span>
											</div>
											<div class="user-push-desc">
												已经穿了一段时间啦，回来追评一下，真的很贴身，很暖和。最近降温特别冷，里面穿个这样的打底，还能配合贴个暖宝宝。</div>
											<div class="user-push-pic"><img src="../images/buy/us5.png"><img
													src="../images/buy/us6.png"><img src="../images/buy/us7.png"><img
													src="../images/buy/us8.png"><img src="../images/buy/us9.png"></div>
										</div>
									</li>
									<li class="clearfix">
										<a href="" class="user-more">查看更多<span class="iconfont icon-down"></span></a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="container">
				<div class="foot-row clearfix">
					<div class="foot-item">
						<img src="../images/web/f1.png"><span>学习平台</span>
					</div>
					<div class="foot-item">
						<img src="../images/web/f2.png"><span>供销系统</span>
					</div>
					<div class="foot-item">
						<img src="../images/web/f3.png"><span>管理系统</span>
					</div>
					<div class="foot-item">
						<img src="../images/web/f4.png"><span>正保创业实训网</span>
					</div>
					<div class="foot-tel">
						<span class="txt">联系我们</span><span class="tel-v">010-82336106</span>
					</div>
				</div>
				<div class="foot-info">
					本商城系统为非经营性网站。商城所有店铺为虚拟店铺,所有上架商品,仅是模拟教学使用,请勿真实下单、真实支付。
				</div>
			</div>
		</div>

		<script type="text/javascript">
			$(document).ready(function() {
				$('.side-submenu').click(function() {
					$(this).addClass('active').siblings().removeClass('active')
				});
				$('.side-submenu>span').click(function() {
					$(this).siblings().toggle()
				});
				$('.submenu-nav>li').click(function() {
					$(this).addClass('on').siblings().removeClass('on')
					$(this).parents('.side-submenu').siblings().children('.submenu-nav').children().removeClass(
						'on')
				});

				jQuery(".slide").slide({
					trigger: "click"
				});
				
				$('.star-group li').click(function(){
					$(this).addClass('active')
					$(this).nextAll().removeClass('active')
					$(this).prevAll().addClass('active')
				})
			});
		</script>
	</body>
</html>
